<!-- 历史记录 -->
<script setup>
import Card1 from '@/views/Futures/History/components/Card1'
import Card2 from '@/views/Futures/History/components/Card2'
import Card3 from '@/views/Futures/History/components/Card3'
import {useRouter} from "vue-router";

const router = useRouter()
</script>

<template>
 <div class="echarts flex">
  <div class="header flex" @click="router.back()">
   <el-icon><ArrowLeftBold /></el-icon>返回
  </div>

  <Card1 />

  <div class="card flex">
   <Card2 />
   <Card3 />
  </div>
 </div>
</template>

<style scoped lang="scss">
.header {
 align-items: center;
 padding: 20px;
 @include Font((size: 16px, color: $white));
 width: 100px;
 cursor: pointer;
}
.echarts {
 width: 100%;
 flex-direction: column;
}

.card {
 height: 60%;
}

::v-deep {
 .el-empty {
  padding: 0;
 }
}
</style>